ul {
  height: fit-content;
  input {
    border: none;
    background-color: transparent;
    color: #666;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    border-radius: 0px;
    line-height: 20px;
  }
  img {
    object-fit: contain;
  }
  li {
    border-radius: var(--radius);
    height: 28px;
    padding: 0 12px;
    cursor: pointer;
    border: 1px solid transparent;
    &:hover {
      color: var(--blue);
      background-color:  #f1f5ce;
    }
  }
  .active {
    background: linear-gradient(96deg, #f7ffb1 1.99%, #facef3 99.67%) !important;
  }
  .selected {
    border: 1px solid var(--primary);
    color: orange;
  }
}
.icon-container {
  width: 16px;
  height: 16px;
}
